<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
</head>
<body>

  <!--
    表格是在页面中显示的一个二维表 由 table 标签定义
    表格的标签：table tr行 td列 th标题

    列要写在行内部

    每行的列的数量不是必须相等，但是为了以后前后端交换做准备，没有内容的列最好使用空td 做占位
   -->

  <table>
    <tr>
      <th>学号</th>
      <th>姓名</th>
      <th>出生年月</th>
      <th>联系方式</th>
      <th>家庭住址</th>
    </tr>
    <tr>
      <td>005</td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td>001</td>
      <td>张添齐</td>
    </tr>
    <tr>
      <td>002</td>
      <td>赵圣骏</td>
      <td>2022-12-09</td>
    </tr>
    <tr>
      <td>003</td>
      <td>冯浩翔</td>
      <td>2000-01-01</td>
      <td>18000000000</td>
    </tr>
    <tr>
      <td>004</td>
      <td>开祥鹏</td>
      <td>2010-01-01</td>
      <td>110</td>
      <td>哈尔滨市</td>
    </tr>
  </table>

  <br/>

  <table border="2" bgcolor="aqua" cellspacing="8" cellpadding="8">
    <tr>
      <!-- 对多列进行合并单元格，一个th标签就可以表示n个th列，显示的时候只有一个单元格 -->
      <th colspan="2"></th>
      <th>食品</th>
      <th>饮品</th>
      <th>生活用品</th>
    </tr>
    <tr>
      <!-- 对多行进行合并单元格，一个td标签就可以表示n行的相同位置的列，显示的时候只有一个单元格 -->
      <td rowspan="3">第一季度</td>
      <td>一月</td>
      <td>10000</td>
      <td>20000</td>
      <td>30000</td>
    </tr>
    <tr>
      <td>二月</td>
      <td>20000</td>
      <td>10000</td>
      <td>60000</td>
    </tr>
    <tr>
      <td>三月</td>
      <td>80000</td>
      <td>10000</td>
      <td>20000</td>
    </tr>
    <tr>
      <td rowspan="3">第二季度</td>
      <td>四月</td>
      <td>20000</td>
      <td>10000</td>
      <td>60000</td>
    </tr>
    <tr>
      <td>五月</td>
      <td>20000</td>
      <td>10000</td>
      <td>60000</td>
    </tr>
    <tr>
      <td>六月</td>
      <td>20000</td>
      <td>10000</td>
      <td>60000</td>
    </tr>
  </table>

</body>
</html>